<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="UTF-8">
     <title>HTML to Image to PDF</title>
     <link rel="stylesheet" href="print-lock.css">
</head>
<body>



     <style>
          .hiprint-printTemplate {
               width: 82mm;
               height: 70mm;
               display: grid;
               grid-template-columns: repeat(2, 40mm);
               column-gap: 2mm;
               /* row-gap: 1mm; */
          }
     </style>
     <div class="hiprint-printTemplate">
          <div class="hiprint-printPanel panel-index-undefined">
               <style printstyle="">
                    @page {
                         border: 0;
                         padding: 0cm;
                         margin: 0cm;
                         size: 82mm 70mm;
                    }
               </style>
               <div class="hiprint-printPaper" original-height="70" style="width: 40mm; height: 69mm;">
                    <div class="hiprint-printPaper-content">
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 11.25pt; font-weight: bold; text-align: center; line-height: 11.25pt; color: rgb(0, 0, 0); width: 111pt; left: 0pt; top: 5.25pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>合 格 证</div>
                         </div>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 9.75pt; font-weight: normal; text-align: left; line-height: 9.75pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 23.25pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>
                                   <div
                                        style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;text-decoration:none;font-style:normal;">
                                        <span style="grid-column: 1; white-space: nowrap;">品 名:</span><span
                                              style="grid-column: 2;"></span></div>
                              </div>
                         </div>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 9.75pt; font-weight: normal; text-align: left; line-height: 9.75pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 36.0026pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>
                                   <div
                                        style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;text-decoration:none;font-style:normal;">
                                        <span style="grid-column: 1; white-space: nowrap;"> 货 号:</span><span
                                              style="grid-column: 2;">111155106</span></div>
                              </div>
                         </div>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 9.75pt; font-weight: normal; text-align: left; line-height: 9.75pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 48.7553pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>
                                   <div
                                        style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;text-decoration:none;font-style:normal;">
                                        <span style="grid-column: 1; white-space: nowrap;">色 码:</span><span
                                              style="grid-column: 2;">均色 / A</span></div>
                              </div>
                         </div>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 9.75pt; font-weight: normal; text-align: left; line-height: 9.75pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 60.7579pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>
                                   <div
                                        style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;text-decoration:none;font-style:normal;">
                                        <span style="grid-column: 1; white-space: nowrap;">成 份:</span><span
                                              style="grid-column: 2;"></span></div>
                              </div>
                         </div><span class="hiprint-paperNumber"
                               style="position: absolute; top: 176pt; left: 83pt; display: none;">1-1</span>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 9.75pt; font-weight: normal; text-align: left; line-height: 9.75pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 103.5pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>等 级：合格品</div>
                         </div>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 9.75pt; font-weight: normal; text-align: left; line-height: 9.75pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 116.25pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>检验员：02</div>
                         </div>
                         <div tabindex="1" class="hiprint-printElement hiprint-printElement-text"
                              style="position: absolute; width: 75.75pt; height: 28.5pt; font-family: 黑体; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; text-align: center; border-color: rgb(0, 0, 0); left: 15.75pt; top: 129.75pt;">
                              <div class="hiprint-printElement-text-content hiprint-printElement-content"
                                   style="height: 100%; width: 100%; display: flex; flex-direction: column;"><svg
                                        width="100%" display="block" height="100%" class="hibarcode_imgcode"
                                        preserveAspectRatio="none slice" x="0px" y="0px" viewBox="0 0 101 38"
                                        xmlns="http://www.w3.org/2000/svg" version="1.1"
                                        style="transform: translate(0,0)">
                                        <rect x="0" y="0" width="101" height="38" style="fill:#ffffff;"></rect>
                                        <g transform="translate(0, 0)" style="fill:#000;">
                                             <rect x="0" y="0" width="2" height="38"></rect>
                                             <rect x="3" y="0" width="1" height="38"></rect>
                                             <rect x="6" y="0" width="3" height="38"></rect>
                                             <rect x="11" y="0" width="2" height="38"></rect>
                                             <rect x="15" y="0" width="1" height="38"></rect>
                                             <rect x="19" y="0" width="1" height="38"></rect>
                                             <rect x="22" y="0" width="2" height="38"></rect>
                                             <rect x="25" y="0" width="2" height="38"></rect>
                                             <rect x="29" y="0" width="2" height="38"></rect>
                                             <rect x="33" y="0" width="2" height="38"></rect>
                                             <rect x="36" y="0" width="2" height="38"></rect>
                                             <rect x="40" y="0" width="2" height="38"></rect>
                                             <rect x="44" y="0" width="2" height="38"></rect>
                                             <rect x="47" y="0" width="2" height="38"></rect>
                                             <rect x="51" y="0" width="2" height="38"></rect>
                                             <rect x="55" y="0" width="3" height="38"></rect>
                                             <rect x="59" y="0" width="1" height="38"></rect>
                                             <rect x="61" y="0" width="4" height="38"></rect>
                                             <rect x="66" y="0" width="1" height="38"></rect>
                                             <rect x="69" y="0" width="3" height="38"></rect>
                                             <rect x="74" y="0" width="2" height="38"></rect>
                                             <rect x="77" y="0" width="2" height="38"></rect>
                                             <rect x="81" y="0" width="2" height="38"></rect>
                                             <rect x="84" y="0" width="2" height="38"></rect>
                                             <rect x="88" y="0" width="2" height="38"></rect>
                                             <rect x="93" y="0" width="3" height="38"></rect>
                                             <rect x="97" y="0" width="1" height="38"></rect>
                                             <rect x="99" y="0" width="2" height="38"></rect>
                                        </g>
                                   </svg>
                                   <div class="hibarcode_displayValue" style="white-space:nowrap">100000001</div>
                              </div>
                         </div>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 10.5pt; font-weight: bold; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 159.75pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>
                                   <div
                                        style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;text-decoration:none;font-style:normal;">
                                        <span style="grid-column: 1; white-space: nowrap;">零售价:</span><span
                                              style="grid-column: 2;"></span></div>
                              </div>
                         </div>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 10.5pt; font-weight: bold; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 174.75pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>
                                   <div
                                        style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;text-decoration:none;font-style:normal;">
                                        <span style="grid-column: 1; white-space: nowrap;">会员价:</span><span
                                              style="grid-column: 2;"></span></div>
                              </div>
                         </div>
                    </div>
               </div>
          </div>

          <div class="hiprint-printPanel panel-index-undefined">
               <style printstyle="">
                    @page {
                         border: 0;
                         padding: 0cm;
                         margin: 0cm;
                         size: 82mm 70mm;
                    }
               </style>
               <div class="hiprint-printPaper" original-height="70" style="width: 40mm; height: 69mm;">
                    <div class="hiprint-printPaper-content">
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 11.25pt; font-weight: bold; text-align: center; line-height: 11.25pt; color: rgb(0, 0, 0); width: 111pt; left: 0pt; top: 5.25pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>合 格 证</div>
                         </div>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 9.75pt; font-weight: normal; text-align: left; line-height: 9.75pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 23.25pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>
                                   <div
                                        style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;text-decoration:none;font-style:normal;">
                                        <span style="grid-column: 1; white-space: nowrap;">品 名:</span><span
                                              style="grid-column: 2;"></span></div>
                              </div>
                         </div>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 9.75pt; font-weight: normal; text-align: left; line-height: 9.75pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 36.0026pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>
                                   <div
                                        style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;text-decoration:none;font-style:normal;">
                                        <span style="grid-column: 1; white-space: nowrap;"> 货 号:</span><span
                                              style="grid-column: 2;">111155106</span></div>
                              </div>
                         </div>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 9.75pt; font-weight: normal; text-align: left; line-height: 9.75pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 48.7553pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>
                                   <div
                                        style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;text-decoration:none;font-style:normal;">
                                        <span style="grid-column: 1; white-space: nowrap;">色 码:</span><span
                                              style="grid-column: 2;">均色 / A</span></div>
                              </div>
                         </div>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 9.75pt; font-weight: normal; text-align: left; line-height: 9.75pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 60.7579pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>
                                   <div
                                        style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;text-decoration:none;font-style:normal;">
                                        <span style="grid-column: 1; white-space: nowrap;">成 份:</span><span
                                              style="grid-column: 2;"></span></div>
                              </div>
                         </div><span class="hiprint-paperNumber"
                               style="position: absolute; top: 176pt; left: 83pt; display: none;">1-1</span>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 9.75pt; font-weight: normal; text-align: left; line-height: 9.75pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 103.5pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>等 级：合格品</div>
                         </div>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 9.75pt; font-weight: normal; text-align: left; line-height: 9.75pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 116.25pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>检验员：02</div>
                         </div>
                         <div tabindex="1" class="hiprint-printElement hiprint-printElement-text"
                              style="position: absolute; width: 75.75pt; height: 28.5pt; font-family: 黑体; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; text-align: center; border-color: rgb(0, 0, 0); left: 15.75pt; top: 129.75pt;">
                              <div class="hiprint-printElement-text-content hiprint-printElement-content"
                                   style="height: 100%; width: 100%; display: flex; flex-direction: column;"><svg
                                        width="100%" display="block" height="100%" class="hibarcode_imgcode"
                                        preserveAspectRatio="none slice" x="0px" y="0px" viewBox="0 0 101 38"
                                        xmlns="http://www.w3.org/2000/svg" version="1.1"
                                        style="transform: translate(0,0)">
                                        <rect x="0" y="0" width="101" height="38" style="fill:#ffffff;"></rect>
                                        <g transform="translate(0, 0)" style="fill:#000;">
                                             <rect x="0" y="0" width="2" height="38"></rect>
                                             <rect x="3" y="0" width="1" height="38"></rect>
                                             <rect x="6" y="0" width="3" height="38"></rect>
                                             <rect x="11" y="0" width="2" height="38"></rect>
                                             <rect x="15" y="0" width="1" height="38"></rect>
                                             <rect x="19" y="0" width="1" height="38"></rect>
                                             <rect x="22" y="0" width="2" height="38"></rect>
                                             <rect x="25" y="0" width="2" height="38"></rect>
                                             <rect x="29" y="0" width="2" height="38"></rect>
                                             <rect x="33" y="0" width="2" height="38"></rect>
                                             <rect x="36" y="0" width="2" height="38"></rect>
                                             <rect x="40" y="0" width="2" height="38"></rect>
                                             <rect x="44" y="0" width="2" height="38"></rect>
                                             <rect x="47" y="0" width="2" height="38"></rect>
                                             <rect x="51" y="0" width="2" height="38"></rect>
                                             <rect x="55" y="0" width="3" height="38"></rect>
                                             <rect x="59" y="0" width="1" height="38"></rect>
                                             <rect x="61" y="0" width="4" height="38"></rect>
                                             <rect x="66" y="0" width="1" height="38"></rect>
                                             <rect x="69" y="0" width="3" height="38"></rect>
                                             <rect x="74" y="0" width="2" height="38"></rect>
                                             <rect x="77" y="0" width="2" height="38"></rect>
                                             <rect x="81" y="0" width="2" height="38"></rect>
                                             <rect x="84" y="0" width="2" height="38"></rect>
                                             <rect x="88" y="0" width="2" height="38"></rect>
                                             <rect x="93" y="0" width="3" height="38"></rect>
                                             <rect x="97" y="0" width="1" height="38"></rect>
                                             <rect x="99" y="0" width="2" height="38"></rect>
                                        </g>
                                   </svg>
                                   <div class="hibarcode_displayValue" style="white-space:nowrap">100000001</div>
                              </div>
                         </div>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 10.5pt; font-weight: bold; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 159.75pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>
                                   <div
                                        style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;text-decoration:none;font-style:normal;">
                                        <span style="grid-column: 1; white-space: nowrap;">零售价:</span><span
                                              style="grid-column: 2;"></span></div>
                              </div>
                         </div>
                         <div class="hiprint-printElement hiprint-printElement-longText"
                              style="position: absolute; font-family: 黑体; font-size: 10.5pt; font-weight: bold; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 97.5pt; left: 7.5pt; top: 174.75pt;">
                              <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                                   style="height:100%;width:100%"><span class="long-text-indent"></span>
                                   <div
                                        style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;text-decoration:none;font-style:normal;">
                                        <span style="grid-column: 1; white-space: nowrap;">会员价:</span><span
                                              style="grid-column: 2;"></span></div>
                              </div>
                         </div>
                    </div>
               </div>
          </div>


     </div>



</body>
</html>